@charset "UTF-8";

*{
 font-size: 14 px; 
 color : #1C87D9;
;
 }
 
  a  { 
  	 display: inline-block;
  	 width:190px
  	  font-size: 14px; 

	 color: yellow;
	 background-color: none ;
	 background-image : url(john.jpg) no-repeat transparent;


}




a:visited  { 
	 color: #01B0F0
; 
    text-decoration: none;
}

a:hover  { 
	 color: black;
	 background-color: blue ;
	 background-image : url(images.jpg) ;
}

H1#

 ul#menu_horizontal li {
 	display: inline;
 	width: 160px ;
 }
 
 /* Je sélectionne les <li> du menu horizontal */
ul#menu_horizontal li h2 { 
display : inline-block;
width : 160 px;
}

ul#menu_horizontal {
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}



body {  
       background-color : #011728;
       width: 1300px ;
       margin : 0 auto;
 }

#header {
	width:1000px;
	height:150px;
	background-image: url(pika6.jpg) ;
	        background-position:center top;



}

#menu {
	width:1300px;
	height:30px;

}
#contenu { 
	    float: right ;
	    width:700px;
        height:600px;

}
#archives {  

	  	background-image : url(pika5.png) ;
	    float: left;
	    width: 250px;
        height:300px;
        background-position:center top;

}

#footer1 { 

	      background-color: red ;
	      margin : 10px auto ;
	      width: 1000px;
          height: 30 px ;
	      clear: both;

}

#position {
          Position: relative ;
          top: 10px ;
          left:20 px;
          height:100px;
          width:300px ; 
}

div,span { border:1px solid gray;
           border-color : #0878D9 ;

 
}

#banniere {
	
		width:1300px;
	    height:150px;
	    background-position:;
	    background-image: url(alpha.jpg);
     


}
form#formulaire { 
display : inline-block;
font-size:14px; 
color:   #ffffff; 
background-color: #052A47; 



}

#formulaire2 { 
	
border : 0px;
 text-align: center;



}


#barre {
	    background-image : url(jump3.jpg) ;
	    width:1300px;
	    height:400px;
        margin:10px 1px 1em 0;
        padding:60px 0px;

        //top right bottom left
//   background-size: 1025px ;
//        background-size: 50% ;

	
}
#barre3 {
	    width:1000px;
	    height:900px;
        margin:10px 1px 1em 0;
        padding:60px 0px;
        color : red;
        background-image : url(jump6.jpg)  ;
        background-repeat:no-repeat;
        float : center;



        //top right bottom left


	
}

#barre2 {
	    width:500px;
	    height:50px;
	     margin-left: auto;
	     margin-right: auto;
	       border: none ;


	
}

#barremenu1 {
	    width:200px;
	    height:350px;
	     float: left;
	      margin:10px 10px 10em 10;



	
}

#barremenu2 {
	    width:200px;
	    height:350px;
        float : left ;
	    margin:10px 10px 10em 10;

	
}


#barremenu3 {
	    width: 900px;
        height:900px;
        float : center;
   



}



#footer {
     width:1300px;
     height:100px;
     clear : both;
  background-color: #13202B ;
     
     
} 

#input, select {
 padding:1px;
 border:1px solid #61ADEF;
 border-radius:0px;
 width:150px;
 box-shadow:1px 1x 2px #61ADEF inset;
 color:#001A2D;
 }
 
 #barreinscription {
	    width:1300px;
	    height:500px;
	    background-image: url(shennlol.jpg);
        margin:10px 1px 1em 0;
        padding:60px 0px;

        //top right bottom left


	
}

 #user {
	    width:1300px;
	    height:500px;
         margin:10px 10px 10em 10;
        padding:60px 0px;
        background-image :url(jump8.jpg);

        //top right bottom left


	
}

#avatar {
	    width:250px;
	    height:200px;
        float : left ;
	    margin:10px 10px 10em 10;

	
}

#donnee {
	    width: 900px;
        height:500px;
        float : right;
        margin:10px 10px 10em 10;




}



// margin est une commande pour controller la marge externe. L' "auto" sert à placer directement dans le centre le block .
